<template>
    <div class="xixiao">
        <div class="wen-top">
            <van-nav-bar left-arrow title="系统消息"  @click-left="bank" > </van-nav-bar>
        </div>
        <div class="xixiao-xiao">
            <div class="xiao1">
                <div>新版本更新了!</div>
                <div class="shi">2019年3月10日 17:21</div>
            </div>
            <div class="xiao2">
                <div>您的提现金额已经到账了!</div>
                <div class="shi">2019年2月20日 10:17</div>
            </div>
            <div class="xiao3">
                <div>感谢您注册维度账号，小维希望您使用我们的产品</div>
                <div class="le">能够快乐!</div>
                <div class="shi">2019年2月18日 14:20</div>
            </div>
        </div>
    </div>
</template>

<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
const bank = () => {
  router.go(-1);
};

</script>

<style lang="scss" scoped>
    .xixiao{
        width: 120%;
        height: 50vh;
        margin-left: -30px;
        margin-top: -20px;
        position: relative;
        .wen-top{
            width: 100%;
            height: 40px;
            border-bottom: solid 1px #cfcccc;
            .fanhui{
                width: 25px;
                height: 25px;
                margin: 5px 10px;
            }
            h3{
                position: absolute;
                top: 5px;
                left: 150px;
                font-weight: 600;
            }
        }
        .xixiao-xiao{
            width: 100%;
            height: 600px;
            margin-top: 15px;
            position: relative;
            .xiao1{
                width: 330px;
                height: 80px;
                border: solid 1px #c6c1c1;
                margin-top: 20px;
                margin-left: 20px;
                div{
                    position: absolute;
                    font-weight: 600;
                    left: 35px;
                    top: 5px;
                    font-size: 14px;
                }
                .shi{
                    position: absolute;
                    left: 210px;
                    top: 50px;
                }
            }
            .xiao2{
                width: 330px;
                height: 80px;
                border: solid 1px #c6c1c1;
                margin-top: 25px;
                margin-left: 20px;
                div{
                    position: absolute;
                    font-weight: 600;
                    left: 35px;
                    top: 110px;
                    font-size: 14px;
                }
                .shi{
                    position: absolute;
                    left: 210px;
                    top: 160px;
                }
            }
            .xiao3{
                width: 330px;
                height: 80px;
                border: solid 1px #c6c1c1;
                margin-top: 25px;
                margin-left: 20px;
                div{
                    position: absolute;
                    font-weight: 600;
                    left: 35px;
                    top: 210px;
                    font-size: 14px;
                }
                .shi{
                    position: absolute;
                    left: 210px;
                    top: 260px;
                    font-size: 14px;
                }
                .le{
                    position: absolute;
                    top: 230px;
                }
            }
        }
    }
</style>